<style type="text/css">
input[text]{
border:none;	
}
</style>
<div class="row-fluid">
<div class="span4">
<img class="img-polaroid" src="<?= $this->config->base_url(); ?>assets/images/users.png" />
<br />

<?= $this->session->userdata('username')?>
</div>
</div>
<br />
<br />

<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#home">Persona Info</a></li>
  <li><a href="#profile">Career Info</a></li>
  <li><a href="#messages">Job Profile</a></li>
  <li><a href="#settings">Settings</a></li>
</ul>
 
<div class="tab-content">
  <div class="tab-pane active" id="home">
  <table width="100%">
  <tr>
    <td>Name</td>
    <td><input type="text" value="<?=$this->session->userdata('username')?>" /></td>
  </tr>
  <tr>
    <td>Email-id</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>Phone</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>Password</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>Confirm Password</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="text" /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" value="Save Personal Info" class="btn" /></td>
  </tr>
</table>
  </div>
  <div class="tab-pane" id="profile">asdasdasda</div>
  <div class="tab-pane" id="messages">1111</div>
  <div class="tab-pane" id="settings">asdadassa</div>
</div>
 
<script>
 $('#myTab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
})
</script>